<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>轻小说</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/fiction.css" />
		<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
		<script type="text/javascript" src="js/fiction.js" ></script>
	</head>
	<body>
		<!--nav-->
		<div class="man-nav-box">
			<div class="man-nav w clearfix">
				<div class="man-nav-log">
					<a href="javascript:;"></a>
				</div>
				<ul class="clearfix man-nav-ul fl">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="javascript:;">全部作品</a>
					</li>
					<li>
						<a href="manga.html">日漫</a>
					</li>
					<li>
						<a href="fiction.html"  class="man-nav-active">轻小说</a>
					</li>
					<li>
						<a href="javascript:;">福利社</a>
					</li>
					<li>
						<a href="javascript:;">资讯</a>
					</li>
					<li>
						<a href="cartoons.html">动画</a>
					</li>
					<li>
						<a href="ranking.html">排行榜</a>
					</li>
					<li>
						<a href="person.html">个人中心</a>
					</li>
					<li>
						<a href="javascript:;">手机版</a>
					</li>
				</ul>
			</div>
			<!--下边bg-->
			<div class="man-nav-bg"></div>
		</div>
		<!--轮播-->
		<div class="fiction-banner-box">
			<div class="fiction-banner w">
				
			</div>
		</div>
		<!--内容-->
		<div class="fiction-con-box">
			<div class="fiction-con w clearfix">
				<!--左-->
				<div class="fiction-conFl">
					<!--最近更新-->
					<div class="fiction-update-head clearfix">
						<h2>最近更新</h2>
						<div class="fiction-update-head-btn">
							<a href="javascript:;" class="fiction-update-head-btn-active">1-10</a>
							<a href="javascript:;">11-20</a>
							<a href="javascript:;">21-30</a>
						</div>
					</div>
					<div class="fiction-update-list"></div>
					<!--广告-->
					<div class="fiction-advertising">
						<a href="javascript:;">
							<img src="images/fiction-advertising01.jpg" />
						</a>
					</div>
					<!--分类书库-->
					<div class="fiction-title clearfix">
						<h2>分类<em>书库</em></h2>
					</div>
					<!--校园 恋爱-->
					<div class="fiction-classify-tit clearfix">
						<h2>恋爱 · 校园</h2>
						<a href="javascript:;">更多>></a>
					</div>
					<ul class="fiction-classify-con fiction-classify-con-1 clearfix"></ul>
					<!--玄幻战斗-->
					<div class="fiction-classify-tit clearfix">
						<h2>玄幻 · 战斗</h2>
						<a href="javascript:;">更多>></a>
					</div>
					<ul class="fiction-classify-con fiction-classify-con-2 clearfix"></ul>
					<!--青春生活-->
					<div class="fiction-classify-tit clearfix">
						<h2>青春 · 生活</h2>
						<a href="javascript:;">更多>></a>
					</div>
					<ul class="fiction-classify-con fiction-classify-con-3 clearfix"></ul>
					<!--更新列表-->
					<div class="fiction-upList-head clearfix">
						<h2>更新<em>列表</em></h2>
						<div class="fiction-upList-head-btn">
							<a href="javascript:;" class="fiction-upList-head-btn-active">1-10</a>
							<a href="javascript:;">11-20</a>
							<a href="javascript:;">21-30</a>
						</div>
					</div>
					<div class="fiction-upList-con"></div>
				</div>
				<!--右-->
				<div class="fiction-conFr">
					<!--人气总榜-->
					<div class="fiction-conFr-list">
						<div class="fiction-conFr-list-head">
							<h3>人气总榜</h3>
						</div>
						<div class="fiction-conFr-list-con fiction-conFr-list-con1">
							<ul></ul>
						</div>
					</div>
					<!--收藏排行-->
					<div class="fiction-conFr-list">
						<div class="fiction-conFr-list-head fiction-conFr-list-head2">
							<h3>收藏排行</h3>
						</div>
						<div class="fiction-conFr-list-con fiction-conFr-list-con2">
							<ul></ul>
						</div>
					</div>
					<!--女生最爱-->
					<div class="fiction-conFr-list">
						<div class="fiction-conFr-list-head fiction-conFr-list-head3">
							<h3>女生最爱</h3>
						</div>
						<div class="fiction-conFr-list-con fiction-conFr-list-con3">
							<ul></ul>
						</div>
					</div>
					<!--男生最爱-->
					<div class="fiction-conFr-list">
						<div class="fiction-conFr-list-head fiction-conFr-list-head4">
							<h3>男生最爱</h3>
						</div>
						<div class="fiction-conFr-list-con fiction-conFr-list-con4">
							<ul></ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--图-->
		<div class="fiction-adv-box">
			<div class="fictin-adv w">
				<a href="javascript:;">
					<img src="images/fiction-adv01.jpg" />
				</a>
			</div>
		</div>
		<!--底部-->
		<div class="in-bottom-box">
			<!--波纹-->
			<div class="in-bottom-bg"></div>
			<div class="in-bottom w clearfix">
				<p class="in-bottom-text1 clearfix">
					<a href="javascript:;">网站地图</a>
					<a href="javascript:;">站内帮助</a>
					<a href="javascript:;">反馈通道</a>
					<a href="javascript:;">官方微博</a>
					<a href="javascript:;">邮箱推荐</a>
					<a href="javascript:;">服务协议</a>
					<a href="javascript:;">侵权反馈指引</a>
				</p>
				<p class="in-bottom-text1 clearfix">
					<span>Copyright©1998 - 2017 Tencent. All Rights Reserved</span>
				</p>
				<p class="in-bottom-text1 clearfix">
					<span>【腾讯动漫 × 天闻角川 × KADOKAWA 版权所有】</span>
				</p>
			</div>
		</div>	
	</body>
	<script>
				
				
		
	</script>
</html>
